<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
	  xmlns:th="http://www.thymeleaf.org">
<head th:include="fragment/common :: headerFragment" >
	<link rel="stylesheet" href="../assets/css/bootstrap.css" th:href="@{/assets/css/bootstrap.css}" />
	<link rel="stylesheet" href="../assets/css/thymeleaf-demo.css" th:href="@{/assets/css/thymeleaf-demo.css}" />
</head>
<body>
<div class="container">
	<br/>
	<div class="span10 offset1">
		<span th:inline="text">[[${'Current date is : '+beans.dateFormatter.getCurrentDate()}]]</span>
		<br/><br/>
		<div>
			<button id="actionButton" type="button" onclick="displayApplicationName();">Get Application name</button>
			<br/><br/>
			<span id="displaySpan">Application name : </span>
		</div>
		<script th:inline="javascript">
		/*<![CDATA[*/
		
			var applicationName = /*[[${T(doan.thymeleaf.demo.util.Constants).APPLICATION_NAME}]]*/ "Test";
			
			function displayApplicationName()
			{
				document.getElementById('displaySpan').innerHTML='Application name : '+applicationName;
			}
		/*]]>*/		
		</script>				
	</div>
	 <div th:include="fragment/common :: [//footer]"></div>
</div>

</body>
</html>